/* CSS Document */

#banner{ width:100%; height:300px; position:absolute; top:178px; z-index:1;}
.main_image {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 100%; HEIGHT: 500px; OVERFLOW: hidden
}
.main_image UL {
	POSITION: absolute; WIDTH: 9999px; HEIGHT: 500px; OVERFLOW: hidden; TOP: 0px; LEFT: 0px
}
.main_image LI {
	WIDTH: 100%; FLOAT: left; HEIGHT: 500px
}
.main_image LI SPAN {
	WIDTH: 100%; DISPLAY: block; HEIGHT: 500px
}
.main_image LI A {
	WIDTH: 100%; DISPLAY: block; HEIGHT:500px
}
.main_image LI .img_1 {
	background:url(../images/1.jpg) no-repeat center top;
}
.main_image LI .img_2 {
	BACKGROUND: url(../images/30.jpg) no-repeat center top;

}
.main_image LI .img_3 {
	BACKGROUND: url(../images/40.jpg) no-repeat center top;
}
DIV.flicking_con {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 990px
}
DIV.flicking_con .flicking_inner {
	Z-INDEX: 999; POSITION: absolute; WIDTH: 500px; HEIGHT: 21px; TOP: 430px; LEFT: 40px
}
DIV.flicking_con A {
	TEXT-INDENT: -1000px; MARGIN: 0px; padding:0px; WIDTH: 21px;  DISPLAY: block; BACKGROUND: url(../images/btn_main_img.png) no-repeat 0px 0px; FLOAT: left; HEIGHT: 21px;
}
DIV.flicking_con A.on {
	BACKGROUND-POSITION: 0px -21px
}